<template>
	<view :style="skin" class="content rechargeSuccess">
		<view class="successStatus">
			<text class="iconfont icon-a-mingchengcheckbox-circle-line icon"></text>
			<view class="primaryTp">
				充值提交已申请
			</view>
			<view class="secondaryTP">
				请耐心等待后台增值
			</view>
		</view>

		<view class="btnBox flex-c-SB-c">
			<u-button color="var(--subjectColor)">联系在线客服增值
			</u-button>
			<u-button customStyle="margin-top:16px" color="var(--subjectColor)" @click="goBack">完成
			</u-button>
			
			<!-- <view class="">
				查看详情
				<text class="iconfont icon-a-mingchengarrow_right"></text>
			</view> -->
		</view>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex'
	export default {
		data() {
			return {

			};
		},
		computed: {
			...mapState({
				skin: state => state.theme.skin
			})

		},
		methods:{
			goBack(){
				uni.switchTab({
					url:'/pages/home/home'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.rechargeSuccess {
		padding: 16px;
		box-sizing: border-box;

		.successStatus {
			width: 150px;
			height: 150px;
			text-align: center;
			margin: 0 auto;

			.icon {
				font-size: 72px;
				color: #165DFF;
			}

			.primaryTp {
				font-size: 18px;
				color: #1D2129;
				margin: 12px 0;
			}

			.secondaryTP {
				font-size: 14px;
				color: #86909C;
			}
		}
		.btnBox{
			margin-top: 100px;
		}
	}
</style>